<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>-->
    <script src="js/vue.js"></script>
</head>
<body>
    <div id="d1">
        <p v-if="age<26">aaa</p>
        <p v-else-if="age>26">bbb</p>
        <p v-else>ccc</p>
        <hr/>
        <ul>
            <li v-for="hobby in hobbies">{{hobby}}</li>
            <li v-for="(hobby,index) in hobbies">{{index+1}}-{{hobby}}</li>
            <li v-for="i in 10">{{i}}</li>
        </ul>

    </div>
</body>
<script>

    new Vue({
        el: "#d1",
        data:{
            age:23,
            hobbies:['吃','玩','睡']
        },
        methods:{
        }
    });
</script>
</html>